<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07-mouse.js</title>
</head>
<body>
    <ul>
        <li><a href="#">Lorem ipsum dolor sit.</a></li>
        <li><a href="#">Soluta porro similique quia.</a></li>
        <li><a href="#">Eos suscipit quisquam tempora!</a></li>
        <li><a href="#">Dolor sint nemo animi?</a></li>
        <li><a href="#">Praesentium quis amet quo!</a></li>
        <li><a href="#">Aperiam similique et omnis?</a></li>
        <li><a href="#">Libero pariatur nobis esse.</a></li>
        <li><a href="#">Harum in pariatur ipsam.</a></li>
        <li><a href="#">Modi sit rem distinctio.</a></li>
        <li><a href="#">Tempora nulla laudantium esse!</a></li>
    </ul>
    <script src="07-mouse.js"></script>
    <script>
    function stopBubble(e) {
        // If an event object is provided, then this is a non-IE browser
        if ( e )
            // and therefore it supports the W3C stopPropagation() method
            e.stopPropagation();
        else
            // Otherwise, we need to use the Internet Explorer way of cancelling event bubbling
            window.event.cancelBubble = true;
    }
    </script>
</body>
</html>